// 导入基础库
import { connect } from 'umi';
// 导入配置参数
// 导入处理函数
// 导入UI组件
import { PageContainer } from '@ant-design/pro-layout';
import { Statistic, Row, Col, Button } from 'antd';
// 导入LESS样式
// import style from './index.less'

const PageView = (props) => {
  // 初始化参数------------------------------------------------
  const { ui, table, socketio, dispatch: dp, loading } = props;
  const state = { ...ui, ...table, ...socketio };

  // 渲染UI组件------------------------------------------------
  return (
    <PageContainer>
      <Row gutter={16}>
        <Col span={4}>
          <Statistic title="人员档案总数" value={112893} />
        </Col>
        <Col span={4}>
          <Statistic title="今日录入人数" value={112893} />
        </Col>
        <Col span={4}>
          <Statistic title="在玉林人数" value={112893} />
        </Col>
        <Col span={4}>
          <Statistic title="管控中人数" value={112893} />
        </Col>
        <Col span={4}>
          <Statistic title="待核查人数" value={112893} />
        </Col>
        <Col span={4}>
          <Statistic title="待反馈人数" value={112893} />
        </Col>
      </Row>
    </PageContainer>
  );
};

export default connect(({ ui, table, socketio, loading }) => ({
  ui,
  table,
  socketio,
  loading,
}))(PageView);
